@layout("/common/_container.html"){
<style>
    #log_box {
        width: 100%;
        height: 100%;
        background: url("${ctxPath}/static/img/ipad_login_01.jpg") no-repeat;
        background-size: cover;
        overflow: hidden
    }

    #background_log {
        background: url("${ctxPath}/static/img/ipad_login_02.png") no-repeat center center;
        background-size: 70%;
        overflow: hidden;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 10%
    }

    #login_box {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 15%;
        text-align: center;
    }

    #login_h3 {
        margin-bottom: 6px;
    }

    #login_ib > p > input {
        width: 12em;
        height: 2em;
        border-radius: 5px;
        border: 1px solid #888888;
        outline: none;
        padding-left: 10px;
        font-size: 20px;
        line-height: 2em;
    }

    #login_ib > button {
        height: 3em;
        width: 6.2em;
        color: white;
        padding: 0;
        margin: 0;
        margin-bottom: 5px;
    }

    #verification {
        background: url("${ctxPath}/static/img/ipad_login_03.png") no-repeat;
        background-size: cover;
        overflow: hidden;
        outline: none;
    }
</style>

<div id="log_box">
    <div id="background_log"></div>
    <div id="login_box">
        <div id="login_ib">
            <p>
                <span style="font-size: 18px;">姓名：</span>
                <input type="text" style="font-size: " id="customerName" name="customerName"
                       value="" placeholder="请输入姓名">
            </p>
            <p>
                <span style="font-size: 18px;">号码：</span>
                <input type="text" style="font-size: " id="customerPhone" name="customerPhone"
                       oninput="value=value.replace(/[^\d]/g,'')" value="" placeholder="请输入手机号">
            </p>
            <button class="btn" type="button" id="verification" onclick="verification()"><span style="font-size: 19px;">登录</span></button>
        </div>
    </div>
</div>

<script>
    $(function () {
        verification = function () {
            var customerPhone = $("#customerPhone").val();
            var customerName = $("#customerName").val();
            var cri = customerPhone+","+customerName;
            if (customerPhone == "" || customerPhone == null) {
                alert("请输入号码！");
                return false;
            }else if (customerName == "" || customerName == null) {
                alert("请输入姓名！");
                return false;
            }  else {
                var telReg = !!customerPhone.match(/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/);
                if (telReg == false) {
                    alert("您输入的手机号码有误，请重填");
                    return false;
                } else {
                window.location = "${ctxPath}/customer/patientByPhone/" + cri
                }
            }

        }
    })
</script>

@}
